﻿@{
    ViewBag.Title = "JQueryTableSearch";
}
<h2>
    JQueryTableSearch</h2>
<style>
    .hide
    {
        display: none;
    }
    
    #searchbox { width: 300px;}
</style>
<section id="main2">
    <div id="qsearch" style="display: none"></div>
    <table class="search">
        <thead>
            <tr>
                <th>
                    Vorname
                </th>
                <th>
                    Name
                </th>
                <th>
                    Geburtsdatum
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    Johannes
                </td>
                <td>
                    Renatus
                </td>
                <td>
                    15.03.1982
                </td>
            </tr>
            <tr>
                <td>
                    Franziska
                </td>
                <td>
                    Renatus
                </td>
                <td>
                    09.02.1980
                </td>
            </tr>
            <tr>
                <td>
                    Kai
                </td>
                <td>
                    Müller
                </td>
                <td>
                    30.08.1981
                </td>
            </tr>
            <tr>
                <td>
                    Thomas
                </td>
                <td>
                    Hübler
                </td>
                <td>
                    31.01.1979
                </td>
            </tr>
        </tbody>
    </table>

       <table class="search">
        <thead>
            <tr>
                <th>
                    Vorname
                </th>
                <th>
                    Name
                </th>
                <th>
                    Geburtsdatum
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    Johannes
                </td>
                <td>
                    Renatus
                </td>
                <td>
                    15.03.1982
                </td>
            </tr>
            <tr>
                <td>
                    Franziska
                </td>
                <td>
                    Renatus
                </td>
                <td>
                    09.02.1980
                </td>
            </tr>
            <tr>
                <td>
                    Kai
                </td>
                <td>
                    Müller
                </td>
                <td>
                    30.08.1981
                </td>
            </tr>
            <tr>
                <td>
                    Thomas
                </td>
                <td>
                    Hübler
                </td>
                <td>
                    31.01.1979
                </td>
            </tr>
        </tbody>
    </table>
</section>
<script type="text/javascript">

   //Aufrufen der normalen TableSearch Funktion
    // TableSearch.init();

    $('.search').quickSearch();
    
</script>
